<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<html>
<head lang="zh">
    <meta charset="UTF-8">
    <title>hello解析</title>
    <link href="${pageContext.request.contextPath}/css/chooseResultAnalysis.css" rel="stylesheet">
    <script src="${pageContext.request.contextPath}/dist/jquery/jquery-3.4.1.min.js"></script>
</head>
<body>
<jsp:include page="../public/header.jsp"/>
<div class="evaluate-report">
    <div class="one-line">
        <ul class="menu-prefix">
            <li class="unselected">
                <a href="${pageContext.request.contextPath}/choose/chooseDetail/answer/${requestScope.questionSet.questionSetId}"
                   class="prefix-word">评估报告</a>
            </li>
            <li class="selected">
                <a href="javascript:void 0;" class="suffix-word">答案解析</a>
            </li>
        </ul>
    </div>
    <div class="two-line">
        <div class="subject-item">
            <h1 class="per-grade">每题得分</h1>
            <ul class="subject-list">
                <c:forEach var="questionDetailVO" items="${requestScope.questionDetailVOList}" varStatus="st">
                    <li class="${questionDetailVO.choice.choiceCorrectAnswer == questionDetailVO.questionDetail.other1?"correct-order":"error-order"}">
                        <c:choose>
                            <c:when test="${requestScope.countNum == st.count}">
                                <a class="done-hover" href="javascript:void(0)">${st.count}</a>
                            </c:when>
                            <c:otherwise>
                                <a href="${pageContext.request.contextPath}/answer/${questionDetailVO.questionSet.questionSetId}/${questionDetailVO.choice.choiceId}">${st.count}</a>
                            </c:otherwise>
                        </c:choose>
                    </li>
                </c:forEach>
            </ul>
        </div>
        <div class="question-box">
            <div class="subject-question">
                <span class="question-number">1</span>
               <%-- <a href="" class="btn btn-blue">查看解析</a>--%>
                <div class="question-main">${requestScope.questionDetailVO.choice.choiceName}</div>
            </div>

        </div>
        <div class="result-subject-item">
            <div class="true-answer">
                <h1>正确答案：</h1>
                <span class="item">${requestScope.questionDetailVO.choice.choiceCorrectAnswer}</span>
                <h1>你的答案：</h1>
                <span class="item">${requestScope.questionDetailVO.questionDetail.other1}</span>

                <c:if test="${requestScope.questionDetailVO.choice.choiceCorrectAnswer==requestScope.questionDetailVO.questionDetail.other1}">
                    <span class="font-green">
                    [正确]
                    </span>
                </c:if>
                <c:if test="${requestScope.questionDetailVO.choice.choiceCorrectAnswer!=requestScope.questionDetailVO.questionDetail.other1}">
                    <span class="font-red">
                    [错误]
                    </span>
                </c:if>
            </div>

            <c:choose>
                <c:when test="${requestScope.questionDetailVO.choice.choiceCorrectAnswer=='a'}">
                    <div class="result-answer-item green-answer-item">
                        <pre>${requestScope.questionDetailVO.choice.choiceAnsA}</pre>
                    </div>
                </c:when>
                <c:when test="${requestScope.questionDetailVO.questionDetail.other1=='a'}">
                    <div class="result-answer-item red-answer-item">
                        <pre>${requestScope.questionDetailVO.choice.choiceAnsA}</pre>
                    </div>
                </c:when>
                <c:otherwise>
                    <div class="result-answer-item">
                        <pre>${requestScope.questionDetailVO.choice.choiceAnsA}</pre>
                    </div>
                </c:otherwise>
            </c:choose>

            <c:choose>
                <c:when test="${requestScope.questionDetailVO.choice.choiceCorrectAnswer=='b'}">
                    <div class="result-answer-item green-answer-item">
                        <pre>${requestScope.questionDetailVO.choice.choiceAnsB}</pre>
                    </div>
                </c:when>
                <c:when test="${requestScope.questionDetailVO.questionDetail.other1=='b'}">
                    <div class="result-answer-item red-answer-item">
                        <pre>${requestScope.questionDetailVO.choice.choiceAnsB}</pre>
                    </div>
                </c:when>
                <c:otherwise>
                    <div class="result-answer-item">
                        <pre>${requestScope.questionDetailVO.choice.choiceAnsB}</pre>
                    </div>
                </c:otherwise>
            </c:choose>

            <c:choose>
                <c:when test="${requestScope.questionDetailVO.choice.choiceCorrectAnswer=='c'}">
                    <div class="result-answer-item green-answer-item">
                        <pre>${requestScope.questionDetailVO.choice.choiceAnsC}</pre>
                    </div>
                </c:when>
                <c:when test="${requestScope.questionDetailVO.questionDetail.other1=='c'}">
                    <div class="result-answer-item red-answer-item">
                        <pre>${requestScope.questionDetailVO.choice.choiceAnsC}</pre>
                    </div>
                </c:when>
                <c:otherwise>
                    <div class="result-answer-item">
                        <pre>${requestScope.questionDetailVO.choice.choiceAnsC}</pre>
                    </div>
                </c:otherwise>
            </c:choose>

            <c:choose>
                <c:when test="${requestScope.questionDetailVO.choice.choiceCorrectAnswer=='d'}">
                    <div class="result-answer-item green-answer-item">
                        <pre>${requestScope.questionDetailVO.choice.choiceAnsD}</pre>
                    </div>
                </c:when>
                <c:when test="${requestScope.questionDetailVO.questionDetail.other1=='d'}">
                    <div class="result-answer-item red-answer-item">
                        <pre>${requestScope.questionDetailVO.choice.choiceAnsD}</pre>
                    </div>
                </c:when>
                <c:otherwise>
                    <div class="result-answer-item">
                        <pre>${requestScope.questionDetailVO.choice.choiceAnsD}</pre>
                    </div>
                </c:otherwise>
            </c:choose>



            <div class="clear-fix">
                <%-- <ul class="opt-tool">
                     <li>
                         <a href="javascript:void(0)" class="opt-item">
                             <img src="${pageContext.request.contextPath}/images/zw/shield.svg">
                             屏蔽本题
                         </a>
                     </li>
                     <li>
                         <a href="javascript:void(0)" class="opt-item">
                             <img src="${pageContext.request.contextPath}/images/zw/book.svg">
                             添加笔记
                         </a>
                     </li>
                     <li>
                         <a href="javascript:void(0)" class="opt-item">
                             <img src="${pageContext.request.contextPath}/images/zw/collect.svg">
                             收藏
                         </a>
                     </li>
                     <li>
                         <a href="javascript:void(0)" class="opt-item">
                             <img src="${pageContext.request.contextPath}/images/zw/mark.svg">
                             标记一下
                         </a>
                     </li>
                     <li class="opt-item-share">
                         <a href="javascript:void(0)" class="opt-item opt-share">
                             <img src="${pageContext.request.contextPath}/images/zw/sharefriendcircle.svg">
                             分享
                         </a>
                     </li>
                 </ul>--%>
            </div>
            <div class="topic-quality">
               <%-- <p class="mb2">为帮助提高牛客质量，希望能写下你对本题的评价哦！</p>--%>
                <div class="mb3">
                    <div class="nk-toggle-box">
                       <%-- <label class="nk-checkbox-toggle">
                            <span class="toggle-button-inner first-child">
                                <img src="${pageContext.request.contextPath}/images/zw/click.svg" class="icon-zan1">
                                赞
                            </span>
                        </label>--%>
                       <%-- <label class="nk-checkbox-toggle">
                            <span class="toggle-button-inner last-child">
                                <img src="${pageContext.request.contextPath}/images/zw/step.svg" class="icon-zan2">
                                踩
                            </span>
                        </label>--%>
                    </div>
                    <%--<div class="difficult">
                        <span class="item-label">调整难度系数：</span>
                        <span class="star-all"></span> <!--星级难度没做-->
                    </div>--%>

                </div>
                <%--<div class="mb4">
                    <a href="javascript:void(0)" class="tag-label">题目老旧</a>
                    <a href="javascript:void(0)" class="tag-label">题目重复</a>
                    <a href="javascript:void(0)" class="tag-label">不严谨</a>
                    <a href="javascript:void(0)" class="tag-label">题目错误</a>
                    <a href="javascript:void(0)" class="tag-label">答案错误</a>
                    <a href="javascript:void(0)" class="btn btn-primary">提交评论</a>
                </div>--%>

            </div>
        </div>
        <%--<div class="result-analysis">
            <h1>本题知识点</h1>
            <div class="tags-box">
                <a class="tag-label">Javascript</a>
                <a class="tag-label">Java</a>
            </div>
        </div>--%>
    </div>
</div>
<jsp:include page="../public/footer.jsp"/>

</body>
</html>